<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li><a ui-sref="main.communityConfig.forumPostCheck.list">审核人配置</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">{{title}}
        <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs" ui-sref="main.communityConfig.forumPostCheck.list"><i class="text-md fa fa-times text-muted"></i></a>
        </div>
        <!--表单-->
            <div class="panel-body">
                <form class="form-horizontal" name="user_form" ng-submit="submit()">
                	<div class="form-group">
                		<!--慧驿站后台管理用户-->
                		<label class="col-lg-2 col-sm-3 control-label" for="theme"><span class="text-danger wrapper-sm">*</span>慧驿站后台管理用户:</label>
                        <div class="col-sm-6">
	                        <select class="form-control" ng-model="record.userId" ng-options="d.userId as d.userName for d in userList" id="userId">
	                            <option value="">--管理用户--</option>
	                        </select>
                        </div>
                	</div>
                	<div class="line line-dashed b-b line-lg pull-in"></div>
                	
                	<div class="form-group">
                		<!--频道-->
                		<label class="col-lg-2 col-sm-3 control-label" for="theme"><span class="text-danger wrapper-sm">*</span>频道:</label>
                        <div class="col-sm-6">
	                        <select class="form-control" ng-model="record.channelNo" ng-options="d.channelNo as d.channelName for d in channelList" id="channelNo">
	                            <option value="">--频道--</option>
	                        </select>
                        </div>
                	</div>
                	<div class="line line-dashed b-b line-lg pull-in"></div>
                	
                	<!--用户审核类型-->
	                <!-- <div class="form-group">
	                    <label class="col-lg-2 col-sm-3 control-label" for="userType"><span class="text-danger wrapper-sm">*</span>用户审核类型:</label>
	                    <div class="col-sm-6">
	                        <select class="form-control" ng-model="record.userType" id="userType" >
	                            <option value ="">--用户审核类型--</option>
	                            <option value ="1">初审</option>
	                            <option value ="2">复核</option>
	                        </select>
	                    </div>
	                </div>
	                <div class="line line-dashed b-b line-lg pull-in"></div> -->
                	
                	<!--是否当天排班-->
	                <div class="form-group">
	                    <label class="col-lg-2 col-sm-3 control-label" for="isWork"><span class="text-danger wrapper-sm">*</span>是否当天排班:</label>
	                    <div class="col-sm-6">
	                        <select class="form-control" ng-model="record.isWork" id="isWork" >
	                            <option value ="">--是否当天排班--</option>
	                            <option value ="Y">是</option>
	                            <option value ="N">否</option>
	                        </select>
	                    </div>
	                </div>
	                <div class="line line-dashed b-b line-lg pull-in"></div>
	                
	                <!--备注-->
	                <div class="form-group">
	                    <label class="col-lg-2 col-sm-3 control-label" for="remark">备注:</label>
	                    <div class="col-sm-6">
	                        <input type="text" class="form-control" name="remark" id="remark" maxlength="50" placeholder="请输入备注" ng-model="record.remark">
	                    </div>
	                </div>
	                <div class="line line-dashed b-b line-lg pull-in"></div>
					
                    <!--btn-->
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-2">
                            <button type="reset" class="btn btn-default w-xs">重置</button>
                            <button type="submit" class="btn btn-info w-xs m-l-xl" ng-disabled="isDisabled">保存</button>
                        </div>
                    </div>
                </form>
            </div>
    </div>
</div>
<style>
    #activity .record{
        width: 70%;
    }
    #activity .radio{
        min-width: 120px;
    }
    #activity .previewWrap{
        width:500px;
        padding-bottom: 10px;
        border:1px solid #d3d3d3;
    }
     #activity .previewWrap .text{
        margin-top:50px;
     }
     .MR10{
        margin-right: 10px;
     }
	.previewWrap{
	    text-align: center;
	    margin-right: 10px; 
	    margin-bottom: 20px;
	}
	.previewWrap .preview{
	    width: 330px;
	    height: 270px;
	    border: 1px solid #d6d5d5;
	    margin-top: 10px;
	}
	.previewWrap .preview .title{
	    padding:10px;
	    font-size: 12px;
	    text-align: left;
	}
	.previewWrap .upLoadImg{
	     width: 140px;
	     height: 140px;
	     border:1px dashed #d6d5d5;
	     padding-top: 38px;
	     margin:15px 0 0 30px;
	     display:inline-block;
	     background: url('res/img/addPic.png') no-repeat center;
	     cursor: pointer;
	}
	.previewWrap .preview .text{
	     color:#d6d5d5;
	     padding-top: 20px;
	}
	
	.previewWrap .text{
	     padding:13px 50px;
	     /*margin-top: 50px;*/
	}
	.previewWrap .preViewImgWrap{
	     margin: 15px;
	}
	.previewWrap .preViewImg{
	     width:150px;
	     height:150px;
	     overflow: hidden;
	}
	.fl{
	      float:left;
	}
input[type="file"]{
    display: none;
}
.previewMain{
    /*height:86%;*/
}

.preViewImg{
    width:300px;
    height:190px;
    overflow: hidden;
}
.preViewImg img{
    /*width: 100%;*/

}
.preViewImg .picItem{
    height: 100%;
    position: relative;
}
.preViewImg .mask + div{
    height: 100%;
    width: 100%;
}
.picItem:hover .mask{
    height:100%;
}
.preViewImg .mask{
    position: absolute;
    overflow: hidden;
    height:0;
    width: 100%;
    background:rgba(0,0,0,0.5);
    transition: all 0.3s;
}
.preViewImg span{
    position:absolute;
    width: 80px;
    height:34px;
    border-radius: 17px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background:deepskyblue;
    left:50%;
    top:50%;
    font-size: 12px;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
    #edui_fixedlayer{
      z-index:1000000000!important;
    }
</style>
